@charset "utf-8" ;
/*	Name: 상산				*/
/*	PART: Site All Style	*/
/*	Version: 1.0				*/
/*	Author: UHEE			*/
/* RESET */
*{margin:0; padding:0}
html, body {width:100%; height:100%}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button {margin:0; padding:0; font-weight:normal;}
body, input, select, div, textarea, table, button {font-size:12px; font-family:'돋움', dotum, Tahoma, Helvetica ; color:#333; -webkit-text-size-adjust: none;}
table {width:100%; border:0px; border-spacing:0px; border-collapse:collapse;}
html:first-child select {padding-right:6px; height:30px;} /* Opera 9 & Below Fix */
option {vertical-align:middle; padding:3px 0;} /* Firefox Fix */
legend {display:none; visibility:hidden;}
img, fieldset, button {vertical-align:middle; border:0;}
ul, ol {list-style:none;}
a:link, a:visited, a:hover, a:active{text-decoration:none; color:#ec0815; cursor:pointer}
em, address {font-style:normal;}
hr {display:none; visibility:hidden;}
caption  {height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0;}
label {cursor:pointer;}

/* POINT C */
.pointBold td{font-weight:bold !important; letter-spacing:-1px}
.pointBd{font-weight:bold !important;}
.pointRe{color:#ee2830 !important}
.pointReB{color:#ee2830 !important; font-weight:bold}
.pointReUd{text-decoration:underline}

/* Align */
.alC{text-align:center !important}
.alL{text-align:left !important}
.alR{text-align:right !important}

/* 마진패딩 */
.mgT0{margin-top:0 !important}

/*************************************************************************************************************************/

/* LAYOUT */
body.bg_none{background:none}
.wrap{position:relative; width:100%; min-height:100%; }
.header{width:964px; margin:0 auto; }
.header .top{width:100%; height:60px; *zoom:1}

/* Header */
.top{padding:10px 0 10px 0;}
.top .left{float:left; padding-top:5px}
.top .left .tit_h1{width:100%; height:37px; background:url(../images/tit_h1.jpg) no-repeat 0 0;font-size:0; line-height:0; }
.top .left .tit_h1 span{display:inline-block; margin-left:154px; padding-top:12px; font-size:15px; line-height:normal; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; letter-spacing:-1px; font-weight:bold }

.container{position:relative; width:964px; margin:0px auto 0}
.container span.round{display:block; background:url(../images/bg_round.jpg) no-repeat 0 0; width:5px; height:5px}
.container span.lt{display:block; position:absolute; left:0; top:0; background-position:0 0}
.container span.rt{display:block; position:absolute; right:0; top:0; background-position:-5px 0}
.container span.lb{display:block; position:absolute; left:0; bottom:0; background-position:0 -5px}
.container span.rb{display:block; position:absolute; right:0; bottom:0; background-position:-5px -5px}
.container .container_area{border:1px solid #d2d2d2; padding:20px 20px}

/* 컨테이너 나뉠경우 */
.content_wrap{margin-top:10px}
.content_wrap:after{content:""; display:block; clear:both}
.content_wrap .con_left{float:left; width:350px; padding-right:10px;}
.content_wrap .con_right{float:left; width:550px; padding-left:10px; border-left:1px solid #c8caca}

/* Footer */
.footer{width:100%; min-width:964px; border-top:1px solid #e9ebeb; margin-top:20px}
.footer .footer_area{width:964px; margin:0 auto; padding:30px 0}
.footer_area > address, 
.footer_area .address_set,
.footer_area > p{font-family:"맑은고딕", Malgun Gothic, '돋움', dotum, Helvetica ; color:#333; letter-spacing:-1px; text-align:center; line-height:17px}
.footer_area .address_set{width:100%; *zoom:1}
.footer_area .address_set:after{content:""; display:block; clear:both}
.footer_area .address_set > li{display:inline-block; background:url(../images/bg_footer.gif) no-repeat 0 center; margin-left:8px; padding-left:8px}
.footer_area .address_set > li:first-child{margin-left:0; padding-left:0; background:none}
.footer_area .address_set .add_text{letter-spacing:0; color:#333}
.footer_area > p{margin-top:3px}

.print_bottom{background:#999fa7; padding:9px 0 7px; text-align:right;}
.print_bottom > span{margin-right:12px; padding-right:15px; background:url(../images/img_print_close.jpg) no-repeat 100% 0}
.print_bottom > span .close{ font-size:12px; letter-spacing:-1px; color:#fff;}
/*************************************************************************************************************************/


/* 타이틀 */
.tit_h2{font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; font-size:25px; letter-spacing:-1px; color:#ee2830; padding-bottom:25px}
.tit_h3{background:url(../images/bg_h3.jpg) no-repeat 0 8px; padding-bottom:15px; padding-left:16px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; font-size:17px; letter-spacing:-1px; color:#333; font-weight:bold; line-height:22px}
.tit_sub{margin-top:-15px; margin-bottom:25px; padding-left:11px; background:url(../images/ico_set.png) no-repeat 0 -64px; font-size:18px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; color:#a60d13; letter-spacing:-1px; font-weight:bold}
.con_left .tit_h2{margin-bottom:0; padding-bottom:17px; font-size:17px; font-weight:bold}


/* 테이블 */
.table_wrap{border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:40px}
.table_list thead tr th{padding:12px 0px ; background-color:#f5f6f6; line-height:20px; font-weight:bold;letter-spacing:-1px}
.table_list thead tr th span{font-size:11px;font-weight:normal;}
.table_list tbody tr{border-top:1px solid #c8caca}
.table_list tbody tr td{padding:8px 10px; text-align:center; line-height:20px; /*letter-spacing:-1px*/}
.table_list tbody tr td a{color:#333}
.table_write th{padding:12px 8px 10px 15px; background-color:#f5f6f6; text-align:left; line-height:20px;  letter-spacing:-1px; font-weight:bold}
.table_write tr{border-top:1px solid #c8caca}
.table_write tr:first-child{border:0}
.table_write tr td{padding:8px 10px; text-align:center; line-height:20px; }
.table_write tr td input[type="radio"]{vertical-align:top; margin-top:2px}
.table_write textarea{width:100%}
.table_write .veiw_box{display:block; padding:10px 0;}

/* 테이블 제목 */
.tit > a{display:block; color:#333; text-align:left}
.tit_center > a{display:block; color:#333;}

/* 테이블 선 */
.bdT{border-top:1px solid #c8caca !important}
.bdL{border-left:1px solid #c8caca !important}
.bdR{border-right:1px solid #c8caca !important}
.bdB{border-bottom:1px solid #c8caca !important}
.bdNone{border:0 !important}

/* 인쇄버튼 */
.ico_print{float:right; width:44px; display:block;padding:20px 0 0 0;}


/* 인쇄하기 html */


/* 특이사항 라디오버튼 */
.table_write .radio_area{}
.table_write .radio_area > li{display:inline-block; padding-left:30px}
.table_write .radio_area > li:first-child{padding-left:0}
.table_write .radio_area input[type=radio]{margin-left:3px}


/* 오수전력사용량 */
.table_wrap.height_s{max-height:270px; overflow:auto; }
.table_wrap.height_s .table_list tbody tr{border-top:0; border-bottom:1px solid #c8caca}
.table_wrap.height_s .table_list tbody tr td{padding:6px 7px}
.table_wrap.height_m{max-height:500px; overflow:auto; }
.table_wrap.height_m .table_list tbody tr{border-top:0; border-bottom:1px solid #c8caca}
.table_wrap.height_m .table_list tbody tr td{padding:6px 7px}


/* 그래프 */
.graph_area{}
.graph_area .graph_header{background:url(../images/bg_graph.jpg) repeat-x top; height:25px; padding-top:20px; margin-top:25px; /*border-top:1px dashed #c8caca; */font-size:15px; text-align:center; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-weight:bold; }
/*
.graph_area .graph_header .tit_comment{font-size:13px; color:#666; font-weight:normal}
.graph_area .graph_header .tit_comment > a{color:#666; text-decoration:underline}
*/
.graph_area .red{display:block; position:relative; left:0; top:-44px; width:23px; height:23px; background:url(../images/bg_one.jpg) no-repeat 0 0; font-size:0; line-height:0; z-index:10}
.graph_area .green{display:block; position:relative; left:0; top:-44px; width:23px; height:23px; background:url(../images/bg_one.jpg) no-repeat 0 -37px; font-size:0; line-height:0;  z-index:10}
.graph_area .graph_box{min-height:280px; margin-top:-30px; }
.graph_area .graph_box_02{min-height:300px; margin-top:-20px; }
.graph_area div:first-child{margin-top:0}
.highcharts-button{display:none} /* 하이차트 프린트버튼 */
.view_more{display:block ; background:url(../images/ico_set.png) no-repeat 0 -135px; width:46px; height:15px; padding:5px 0 0 5px; position:relative; left:500px; top:-40px;  }
.view_more > a{font-size:11px; color:#ed1b24; letter-spacing:-1px}
.view_more.type_water{position:relative; left:500px; top:-60px}
.view_all{display:block ; background:url(../images/ico_set.png) no-repeat 0 -111px; width:56px; height:17px; padding:3px 0 0 5px; margin-bottom:10px; margin-left:500px}
.view_all > a{font-size:11px; letter-spacing:-1px; line-height:16px}

/* 수질현황 */
#line_00_01.graph_box, #line_00_02.graph_box, #line_00_03.graph_box, #line_00_04.graph_box{min-height:160px; margin-top:-50px}

/* 그래프 페이지 s */
/* 그래프 상단 인풋 */
.header.type_graph{height:65px; width:99%; margin:0 auto}
.header.type_graph .top{height:auto}
.header.type_graph .top:after{content:""; display:block; clear:both}
.container_graph{background-color:#fff; min-width:1024px; overflow:hidden}
.container_graph .tit_h2{padding-left:10px; color:#fff}
.srch_wrap.type_graph{text-align:left; width:100%; background-color:#000; }
.srch_wrap.type_graph:after{content:""; display:block; clear:both}
.srch_wrap.type_graph .srch_section1{float:left; width:55%; margin-left:0; text-align:left; padding-left:20px; color:#fff}
.srch_wrap.type_graph .srch_section2{float:right; width:400px; height:28px; background:url(../images/img_graph.png) no-repeat 0 0; padding-right:20px}
.srch_wrap.type_graph .srch_section1 .date{margin-left:-2px}
.srch_wrap.type_graph label{color:#fff}
.srch_wrap.type_graph .btn_srch{margin-right:4px; vertical-align:middle}

/* 그래프위치 */
.graph_sec1{background-color:#000}
.graph_sec1 .graph_float_area{width:99.5%; margin:0 auto; /*border-top:1px solid #c8caca; border-left:1px solid #c8caca;*/}
.graph_sec1 .graph_float_area:after{content:""; display:block; clear:both}
.graph_sec1 .graph_float_area > li{float:left; overflow:hidden; width:33%; margin-right:3px; background:url(../images/bg_graph_bt.jpg) repeat-x 0; /*border-bottom:1px solid #c8caca; border-right:1px solid #c8caca; */}
/*
.graph_sec1 .graph_float_area > li.border_t{border-top:1px solid #c8caca}
.graph_sec1 .graph_float_area > li.border_b{border-bottom:1px solid #c8caca}
*/
.graph_sec1 .graph_float_area .graph_area .graph_header{border-top:0}
.graph_sec1 .graph_float_area .graph_area .graph_box{margin-top:-50px; margin-bottom:10px; padding-bottom:20px; background-color:#fff}
.graph_sec1 .graph_float_area .highcharts-legend{display:none}
.graph_sec2{margin-top:50px; background-color:#000 }
.graph_sec2 .graph_float_area{width:99.5%; margin:0 auto; /* border-top:1px solid #c8caca; border-left:1px solid #c8caca;*/}
.graph_sec2 .graph_float_area:after{content:""; display:block; clear:both}
.graph_sec2 .graph_float_area > li{float:left; overflow:hidden; width:33%; margin-right:3px; /*border-bottom:1px solid #c8caca; border-right:1px solid #c8caca; background:url(../images/bg_graph_bt.jpg) repeat-x 0;*/}
/*
.graph_sec2 .graph_float_area > li.border_t{border-top:1px solid #c8caca}
.graph_sec1 .graph_float_area > li.border_b{border-bottom:1px solid #c8caca}
*/
.graph_sec2 .graph_float_area .graph_area .graph_header{border-top:0}
.graph_sec2 .graph_float_area .graph_area .graph_box{margin-top:-50px; margin-bottom:10px; padding-bottom:20px; background-color:#fff}
/*.graph_sec2 .graph_float_area .highcharts-legend{display:none}*/
.container_graph .ico_print{position:absolute; right:20px; top:145px; width:44px; overflow:hidden; }


/* 현장관리 */
.zone_management{border-top:1px solid #ee2830; border-bottom:1px solid #666; }
.zone_management:after{content:""; display:block; clear:both}
.zone_management dt, .zone_management dd{float:left; padding:12px 12px 10px 6px; font-size:12px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; letter-spacing:-1px; }
.zone_management dt{background-color:#ededed; width:60px;border-top:1px solid #fff; font-weight:bold;text-align: center; }
.zone_management dd{width:60px; border-top:1px solid #ededed }
.zone_management dd.large{width:90px}
.zone_point{font-weight:bold; color:#ee2830; }

/* 그래프 페이지 e */

/* 웹시스템일지 수정코딩 11-03 s */
	/* 레이아웃 */
	.bg_none.print_area{width:100%;height:100%;/*overflow:hidden*/} 
	.bg_none.print_area .print_wrap{width:100%; padding:10px 0 10px 0;}
	.bg_none.print_area .print_wrap .contents{width:964px; margin:0 auto; }
	
	/* 컨텐츠 결제테이블 */
	.bg_none.print_area .print_wrap .contents .sign_box {height: 100px; width:100%;}
	.bg_none.print_area .print_wrap .contents .sign_box .date{float:left; width:59%;text-align:center; margin:25px 0 0 0;}
	.bg_none.print_area .print_wrap .contents .sign_box .date h1{font-size:30pt; font-weight:bold;}
	.bg_none.print_area .print_wrap .contents .sign_box .sign{float:right; width:39%;height: 100%;}
	.bg_none.print_area .print_wrap .contents .sign_box .sign .table_sign{height: 100%; font-size:15px;}
	.bg_none.print_area .print_wrap .contents .sign_box .sign .table_sign tbody th, .sign_box .sign .table_sign tbody td{border:1px solid #c8caca; text-align:center}
	.bg_none.print_area .print_wrap .contents .sign_box .sign .table_sign tbody th{ font-weight:bold }
	.bg_none.print_area .print_wrap .contents .sign_box .sign .table_sign tbody td{padding:20px 5px 20px 5px; }
	
	/* 1~4 테이블 */
	.bg_none.print_area .print_wrap .contents .table_section01{margin-top:55px; width:100%; padding:5px 0 5px 0; height:360px; overflow:hidden;}
	.bg_none.print_area .print_wrap .contents .table_section01 .section01{float:left; width:45%;}
	.bg_none.print_area .print_wrap .contents .table_section01 .section02{float:right; width:50%;}
	.bg_none.print_area .print_wrap .contents .table_section01 .section01 .system_name, 
	.bg_none.print_area .print_wrap .contents .table_section01 .section02 .system_name{margin-bottom:12px; font-size:18px; font-weight:bold; letter-spacing:-1px}
	.bg_none.print_area .print_wrap .contents .table_section01 .section01 .system_name{margin-top:30px}
	.bg_none.print_area .print_wrap .contents .table_section01 .section01 .system_name:first-child{margin-top:0}
	
	/* 5~7 테이블 */
	.bg_none.print_area .print_wrap .contents .table_section02{margin-top:35px; clear:both; width:100%;height:650px;}
	.bg_none.print_area .print_wrap .contents .table_section02 .section03{width:100%; margin:0 0 15px 0; height:300px;}
	.bg_none.print_area .print_wrap .contents .table_section02 .section03 .system_name{margin-top:15px; margin-bottom:7px; font-size:18px; font-weight:bold; letter-spacing:-1px}
	.bg_none.print_area .print_wrap .contents .table_section02 .section03 .system_name:first-child{margin-top:0}
	.bg_none.print_area .print_wrap .contents .table_section02 .section04{width:100%; margin:0 0 45px 0;}
	.bg_none.print_area .print_wrap .contents .table_section02 .section04 .system_name{margin-top:15px; margin-bottom:7px; font-size:18px; font-weight:bold; letter-spacing:-1px}
	.bg_none.print_area .print_wrap .contents .table_section02 .section04 .system_name:first-child{margin-top:0}
	
	
	/* 테이블공통 */
	.table_system{font-size:15px;}
	.table_system thead th, .table_system tbody td{padding:5px 5px 3px; border:1px solid #c8caca; letter-spacing:-1px;}
	.table_system thead th{font-weight:bold}
	.table_system tbody td{text-align:center}
	.table_system td.height_m{height:80px}
	.table_system td.height_s{height:110px}
	.system_name .notefoot{float:right; font-size:11px; font-weight:normal}
/* 웹시스템일지 수정코딩 11-03 e */


/********** 사용자 **********/
/* 현장명 */
.zone_info{/*background-color:#fafafa; */width:100%; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:30px}
.zone_info:after{content:""; display:block ;clear:both}
.zone_info dt, .zone_info dd{float:left; padding:12px 10px 10px; height:16px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px; letter-spacing:-1px}
.zone_info dt{background-color:#ededed; width:45px; border-top:1px solid #fff; font-weight:bold}
.zone_info dd{width:270px; padding-right:0; border-top:1px solid #ededed}

/* 담당자 */
/*
.respon_info{padding-top:20px; *zoom:1}
.respon_info:after{content:""; display:block; clear:both}
.respon_info .tit_h2{float:left; width:150px; }
.respon_info .respon_img{float:right; background:url(../images/bg_photo.png) no-repeat 0 0; width:122px; height:153px; text-align:right}
.respon_info .respon_img img{display:inline-block; width:120px; height:151px; text-align:center; vertical-align:middle}
.respon_info .text_area{ width:100%; padding-top:76px; margin-bottom:40px}
.respon_info .text_area .text_box1{width:150px; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666}
.respon_info .text_area .text_box1:after{content:""; display:block; clear:both}
.respon_info .text_area .text_box1 dt , .respon_info .text_area .text_box1 dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px ; letter-spacing:-1px; }
.respon_info .text_area .text_box1 dt{width:40px; background-color:#ededed; border-top:1px solid #fff}
.respon_info .text_area .text_box1 dd{width:80px; padding-right:0; border-top:1px solid #ededed; font-weight:bold; }
.respon_info .text_area .text_box2{width:100%; *zoom:1; margin-top:15px; border-top:1px solid #ee2830; border-bottom:1px solid #666}
.respon_info .text_area .text_box2:after{content:""; display:block; clear:both}
.respon_info .text_area .text_box2 dt , .respon_info .text_area .text_box2 dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px ; letter-spacing:-1px}
.respon_info .text_area .text_box2 dt{width:70px; background-color:#ededed; border-top:1px solid #fff}
.respon_info .text_area .text_box2 dd{width:170px; letter-spacing:0; border-top:1px solid #ededed}
*/
/* 담당자 수정 */
.respon_info{padding-top:20px; *zoom:1}
.respon_info:after{content:""; display:block; clear:both}
.respon_info .respon_box{margin-bottom:30px; padding:20px 0; border-top:1px solid #ee2830; border-bottom:1px solid #666 }
.respon_info .respon_box:after{content:""; display:block; clear:both}
.respon_info .respon_box .left_img{float:left; width:110px; height:121px; padding-top:3px; text-align:center; border:1px solid #c8caca}
.respon_info .respon_box .right_text{float:left; padding-left:15px}
.respon_info .respon_box .right_text > li{margin-top:6px; font-size:13px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; line-height:16px; color:#333}
.respon_info .respon_box .right_text > li:first-child{margin-top:0}
.respon_info .respon_box .right_text li.name_style{margin-bottom:35px;}
.respon_info .respon_box .right_text li.name_style > span{background:url(../images/bg_word.png) no-repeat 100% 5px; padding-right:12px; margin-right:6px; font-size:15px; font-weight:bold; letter-spacing:-1px}
.respon_info .respon_box .right_text li.bul_style{padding-left:10px; background:url(../images/bg_main.png) no-repeat 0 5px}
.respon_info .respon_box .right_text li.bul_style > span{display:block; padding-right:0; font-weight:bold; color:#ee2830; letter-spacing:-1px}

/* 자격증  1107 수정 */
.license_info{margin-bottom:30px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; border-top:1px solid #ee2830; border-bottom:1px solid #666;}
.license_info:after{content:""; display:block; clear:both}
.license_info > li{background:url(../images/bg_main.png) no-repeat 5px 15px; border-top:1px solid #ededed; padding:10px 0 10px 15px; font-size:13px; letter-spacing:-1px}
/* 자격증 */
/*
.license_info{margin-bottom:30px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; border-top:1px solid #ee2830; border-bottom:1px solid #666;}
.license_info:after{content:""; display:block; clear:both}
.license_info > li{float:left; background-color:#ededed; width:49.8%; border-top:1px solid #fff; padding:12px 0; text-align:center; font-size:14px}
.license_info li:nth-child(even){border-left:1px solid #fff}
*/

/* 경력사항 */
.career_info{/*background-color:#fafafa; */width:100%; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:30px}
.career_info:after{content:""; display:block ;clear:both}
.career_info dt, .career_info dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; }
.career_info dt{background-color:#ededed; width:80px; border-top:1px solid #fff; font-weight:bold; letter-spacing:-1px}
.career_info dd{width:160px; border-top:1px solid #ededed}

/* 휴게소 */
.restA_info{/*background-color:#fafafa; */width:100%; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:30px}
.restA_info:after{content:""; display:block ;clear:both}
.restA_info dt, .restA_info dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; letter-spacing:-1px}
.restA_info dt{background-color:#ededed; width:100px; border-top:1px solid #fff; font-weight:bold}
.restA_info dd{width:140px; border-top:1px solid #ededed;  letter-spacing:0}
.tel_point{padding:10px 0; background:url(../images/bg_graph.jpg) repeat-x top; font-weight:bold; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; text-align:center; /*border-top:1px dashed #c8caca;*/}

/* 시설현황 이력부분 프린트 추가 */
.cont_01{margin-top:30px}
.cont_02{}






